<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="0">
    <title></title>
    <script type="text/javascript" src="../../js/commonCss.js"></script>
    <link rel="stylesheet" type="text/css" href="../../styles/common.css" />
    <link rel="stylesheet" type="text/css" href="../../css/select2.min.css" />
    <style>
        .dialog{
            display: none;
            position: fixed;
            width: 100%;
            z-index: 999;
            height: 100%;
        }
        .dialog .select2-container{
            width: 500px!important;
        }
        .dialog .btn-footer{
            float: right;
        }
        .required-icon-td {
            left: 515px;
        }
        #form input[id]{
            width: 500px;
        }
        #form td{
            position: relative;
        }
    </style>
</head>
<body>

<div class="modal fade" tabindex="-1" role="dialog" id="changeModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">调整分摊比例</h4>
            </div>
            <div class="modal-body">
                <form class="form-inline" id="changeForm">
                    <div class="form-group">
                        <label for="changeRatio">新分摊比例</label>
                        <input type="number" class="form-control" id="changeRatio" name="changeRatio">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="saveChange">保存</button>
                <button type="button" class="btn btn-success" id="hideChange">返回</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="panel panel-default dialog" id="dialog">
    <div class="panel-body">
        <form class="form" id="form">
        <table class="table table-bordered table-hover m10">
            <input type="text" class="hidden" id="paymentId" name="paymentId">
            <tr>
                <td class="tableleft">项目</td>
                <td colspan="3">
                    <select id="projectId" name="projectId" class="js-example-data-array form-control">
                        <option value="">请选择</option>
                    </select>
                    <div class="required-icon-td">*</div>
                </td>
            </tr>
            <tr>
                <td class="tableleft">开票日期</td>
                <td><input type="text" class="form-control" value="" id="billingDate" name="billingDate"><div class="required-icon-td">*</div></td>
                <td class="tableleft">开票金额</td>
                <td><input type="text" class="form-control" id="billingAmount" name="billingAmount"><div class="required-icon-td">*</div></td>
            </tr>
            <tr>
                <td class="tableleft">收款日期</td>
                <td><input type="text" class="form-control" value="" id="realPaymentDate" name="realPaymentDate"></td>
                <td class="tableleft">收款类型</td>
                <td>
                    <select name="paymentType" id="paymentType" class="form-control input-sm w500"></select><div class="required-icon-td">*</div>
                </td>
            </tr>
            <tr>
                <td class="tableleft">收款金额</td>
                <td><input type="text" class="form-control" id="paymentAmount" name="paymentAmount"></td>
                <td class="tableleft">增值税率（%）</td>
                <td>
                    <input type="text" class="form-control" id="taxRate" name="taxRate" data-toggle="tooltip" data-placement="right" title="产品收入为17%，服务收入为6%" readonly>
                </td>
            </tr>
            <tr>
                <td class="tableleft">不含税收入</td>
                <td><input type="text" class="form-control" id="noTaxPayment" name="noTaxPayment" data-toggle="tooltip" data-placement="right" title="开票金额 /（1 + 税率）" readonly></td>
                <td class="tableleft">管理费分摊类型</td>
                <td>
                    <select name="allocationType" id="allocationType" class="form-control input-sm w500"></select><div class="required-icon-td">*</div>
                </td>
            </tr>
            <tr>
                <td class="tableleft">分摊比率</td>
                <td><input type="text" class="form-control" id="allocationRatio" name="allocationRatio"><div class="required-icon-td">*</div></td>
                <td class="tableleft">分摊金额</td>
                <td><input type="text" class="form-control" id="allocationAmount" name="allocationAmount" data-toggle="tooltip" data-placement="right" title="开票金额 * 分摊比率" readonly></td>
            </tr>
            <tr>
                <td class="tableleft">备注</td>
                <td colspan="3"><textarea name="description" id="description" rows="3" class="form-control input-sm w300" style="min-width: 100%" maxlength="250"></textarea></td>
            </tr>
        </table>
        </form>
        <div class="btn-footer">
            <button type="button" class="btn btn-primary" id="save">保存</button>
            <button type="button" class="btn btn-success" id="hideDialog">返回</button>
        </div>
    </div>
</div>


<div class="definewidth m20">
    <form class="form-inline" role="form">
        <div class="form-group w200 mb10">
            <div class="input-group">
                <div class="input-group-addon">开票日期从：</div>
                <input type="text" class="form-control" value="" id="billingDateFrom">
            </div>
        </div>
        <div class="form-group w200 mb10">
            <div class="input-group">
                <div class="input-group-addon">至</div>
                <input type="text" class="form-control" value="" id="billingDateTo">
            </div>
        </div>
        <div class="form-group w200 mb10">
            <div class="input-group">
                <div class="input-group-addon">收款日期从：</div>
                <input type="text" class="form-control" value="" id="realPaymentDateFrom">
            </div>
        </div>
        <div class="form-group w200 mb10">
            <div class="input-group">
                <div class="input-group-addon">至</div>
                <input type="text" class="form-control" value="" id="realPaymentDateTo">
            </div>
        </div>
        <div class="form-group w200 mb10">
            <div class="input-group">
                <div class="input-group-addon">项目编号</div>
                <input type="text" name="projectCode" class="form-control" id="projectCode" placeholder="" value="">
            </div>
        </div>
        <div class="form-group w200 mb10">
            <div class="input-group">
                <div class="input-group-addon">项目名称</div>
                <input type="text" name="projectName" class="form-control" id="projectName" placeholder="" value="">
            </div>
        </div>
        <div class="form-group w200 mb10">
            <div class="input-group">
                <div class="input-group-addon">收款类型</div>
                <select name="spaymentType" id="spaymentType" class="form-control"></select>
            </div>
        </div>
        <div class="form-group w200 mb10">
            <div class="input-group">
                <div class="input-group-addon">分摊类型</div>
                <select name="sallocationType" id="sallocationType" class="form-control"></select>
            </div>
        </div>
        <div class="form-group">
            <button id="search" type="button" class="btn btn-primary">查询</button>
        </div>
    </form>

    <div class="form-group">
        <button id="add" type="button" class="btn btn-success hideButton">新增</button>
        <button id="del" type="button" class="btn btn-danger hideButton">删除</button>
        <button id="change" type="button" class="btn btn-primary hideButton">调整分摊比例</button>
        <button id="export" type="button" class="btn btn-primary" data-loading-text="Loading..." >导出</button>
    </div>

</div>

<div class="definewidth">
    <table id="table" class="table table-bordered table-hover m10"></table>
</div>

<script type="text/javascript" src="../../js/commonJs.js"></script>
<script type="text/javascript" src="../../js/jquery.formHelp.js"></script>
<script type="text/javascript" src="../../js/select2.full.min.js"></script>
<script type="text/javascript" src="../../libs/validation/jquery.validate.min.js"></script>
<script type="text/javascript" src="../../libs/validation/additional-methods.min.js"></script>
<script type="text/javascript" src="../../libs/validation/localization/messages_zh.min.js"></script>
<script type="text/javascript" src="../../js/FileSaver.min.js"></script>
<script type="text/javascript" src="../../js/tableExport.min.js"></script>
<script type="text/javascript" src="list.js?t=20170810"></script>
<script type="text/javascript">
    document.onkeydown=function(event){
        var e = event || window.event || arguments.callee.caller.arguments[0];
        if(e && e.keyCode==13){ // enter 键
            document.getElementById('search').click();
            return false;
        }
    };
</script>
</body>
</html>